.box{
    width: 360px; 
    height: 800px;
    border: 1px solid rgb(189, 189, 183);
    margin:  auto;
}
header{
    width: 360px;
    height: 71px;
    background: #90996c;
    margin-top: -16px;
}
header ul li{
    list-style: none;
   float: left;
   /* margin-top: 24px; */
   font-size: 20px;
   margin: 18px ;
   margin-left: 12px;
   color: #ffffff;
}
section{
    width: 360px;
    height: 660.5px;
    /* background: yellow; */
}
footer{
    width: 360px;
    height: 63px;
    border: 0px solid black;
}
.footer1 img{
    width: 36.5px;
    height: 35px;
    margin-top: 23px;
}
.footer2{
    width: 267px;
    height: 35px;
    background: #50dbbe;
    border-radius: 20px;
    margin-left: 70px;
    margin-top: -38px;
}
.footer2 span{
    color: #ffffff;
    margin-left: 104px;
}
header ul  .a1{
    color: aqua;
}
header ul li:hover{
    color: aqua;
}
.section1{
    width: 360px;
    height: 208.5px;
}
.section1 img{
    width: 360px;
    height: 208.5px;
}
.section2{
    width: 360px;
    height: 83px;
}
.section2a{
    width: 64px;
    height: 63px;
}
.section2a img{
    width: 64px;
    height: 63px;
    margin-top: 10px;
    margin-left: 13px;
}
.p1{
    margin-top: -47px;
    margin-left: 86px;
    color: rgba(0, 255, 102, 0.652);
}
.section2b{
    width: 36.5px;
   height: 13px;
   margin-top: -34px;
   margin-left: 307px;
}
.section2b img{
    width: 49px;
   height: 17px;
}
.p2{
    font-size: 24px;
    color:aqua;
    margin-top: 1px;
    margin-left: 314px;
}
.section3{
    width: 360px;
    height: 69px;
    display: flex;
}
.section3 div{
    width: 72px;
    height: 69px;
}
.section3a p{
    font-size: 10px;
    margin-left: 10px;
    margin-top: 18px;
}
.section3b .pa{
    font-size: 10px;
    margin-left: 10px;
    margin-top: 18px;
    color: rgb(255, 0, 93);
}
.section3c .p4{
    font-size: 10px;
    margin-left: 10px;
    margin-top: 18px;
    color: rgb(0, 255, 17);
}
.section3d .p6{
    font-size: 10px;
    margin-left: 10px;
    margin-top: 18px;
    color: blue;
}
.section3e .p8{
    font-size: 10px;
    margin-left: 10px;
    margin-top: 18px;
    color: brown;
}
.section4{
    width: 360px;
    height: 46.5px;
}
.section4a{
    width: 341px;
    height: 46.5px;
    background: #f6f7f9;
    border-radius: 5px;
    margin-left: 10px;
}
.section4a p{
    font-size: 17px;
    color: rgb(255, 0, 72);
}
.section5{
    width: 360px;
    height: 257.5px;
}
.a1{
    font-size: 25px;
    margin-top: 10px;
    margin-left: 10px;
    color: rgb(157, 255, 0);
}
.a2{
    font-size: 10px;
    margin-top: -45px;
    margin-left: 250px;
    color: rgb(230, 0, 255);
}
.section6{
    width: 360px;
    height: 25px;
    display: flex;
    // background: yellow;
    margin-top: -221px;
}
.section6 div{
    background: #f6f7f9;
    margin: 10px;
    border-radius: 5px;
}
.x1,.x2,.x4,.x5,.x6{
    width: 36px;
    height: 25px;
}
.x3{
    width: 58px;
    height: 25px;
}
.section6 div p{
    font-size: 10px;
    margin-top: 4px;
    margin-left: 8px;
    color: rgb(0, 208, 255);
}
.section7 p{
    font-size: 13px;
    margin-left: 17px;
    color: #50dbbe;
}
.p5{
    color: rgb(255, 0, 195);
}
.p9{
    color: rgb(146, 146, 150);
}